<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{{$tdk['title']}}</title>
		<meta name="Description" content="{{$tdk['description']}}" />
		<meta name="Keywords" content="{{$tdk['keywords']}}" />
		<link rel="ico" type="image/x-icon" href="/images/favicon.ico">
		<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
		<link rel="stylesheet" href="/css/common.css">
		<link rel="stylesheet" href="/css/lhzs.css">
		<link href="/css/tailwind.min.css" rel="stylesheet">
		<link rel="stylesheet" href="/css/theme-chalk-index.css">
		<script type="text/javascript" src="/js/jquery1.42.min.js"></script>
		<script type="text/javascript" src="/js/jquery.SuperSlide.2.1.3.js"></script>
		<script src="/js/lhzs.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	@include('pc.common.header')
		<div class="pt-5" style="background-color: #f2f4f7;">
			<a target="_blank" href="/"><img class="mx-auto" src="/images/ad.jpeg" alt=""></a>
		</div>
		<div class="all" style="padding-top:20px">
			<div class="c_m w flex justify-between" name="top">
				<div class="c_m_l">
					<div class="">
						<h3 class="text-22 text-center font-bold">离婚知识</h3>
						<ul class="mt-5 px-16 text-center ml-3 zhishiul">
						@foreach ($action_data as $v)
							<li class="text-base mb-3 leading-loose text-left">
								<h2 class="default">{{$v['title']}}</h2>
								<ul class="">
									@foreach ($v['data'] as $vv)
									<li class="text-base cursor-pointer hover:font-bold leading-loose text-left">
										<h2 @if($vv['route']==$route)  class="activered" @endif class="default_erji"><a href="/lhzs/{{$vv['route']}}.html">{{$vv['title']}}</a></h2>
									</li>
									@endforeach
								</ul>
							</li>
							@endforeach
						</ul>
					</div>
				</div>
				<div class="c_m_r text-left">
					<div class="border-b pb-10 pt-16">
						<div action="" class="keyinput flex justify-between items-center">
							<input class="ml-3"  onkeydown="if(event.keyCode==13){searchAction()}" id="select_news" type="text" placeholder="请输入要搜索的内容关键词" autocomplete="off">
							<img onclick="searchAction()" class="cursor-pointer" src="/images/searchM_icon.png" alt="">
						</div>
						<ul class="c_m_r_t flex pt-3">
							<li class="w-1/5 text-left hover:font-bold ml-3 underline cursor-pointer"><a href="/lhzs/xylh/20.html">协议书如何谈判</a></li>
							<li class="w-1/5 text-left hover:font-bold ml-3 underline cursor-pointer"><a href="/lhzs/xylh/21.html">离婚协议常见误区</a></li>
							<li class="w-1/5 text-left hover:font-bold ml-3 underline cursor-pointer"><a href="/lhzs/xylh/25.html">离婚方式与选择</a></li>
						</ul>
					</div>
					<div class="m_r_m">
						<ul class="min_l">
						@foreach ($data as $v)
							<li class="pb-6 border-b">
								<div class="pt-6 pb-4 flex justify-between items-center bian">
									<h2 class="overflow-hidden hover:underline cursor-pointer">
									<a href="/lhzs/{{$v['route']}}/{{$v['id']}}.html">{{$v['title']}}</a>
								</h2>
									<span class="w-1/8 text-sm mr-3 text-left font-thin">帮助{{$v['view']}}人</span>
								</div>
								<p><a href="/lhzs/{{$v['route']}}/{{$v['id']}}.html">{{$v['description']}}</a></p>
							</li>
							@endforeach
						</ul>
						<div class="my-10 text-center el-pagination is-background" href="#top">
							<ul class="el-pager">
							{!! $data->render() !!}
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		@include('pc.common.footer')
	</body>
	@include('pc.common.tongji')
</html>
